/* 
    Document   : main
    Created on : 09/03/2013, 10:23:41 AM
    Author     : Adriel Diaz
    Description:
        Purpose of the stylesheet follows.
*/

root 
{ 
    display: block;
}

#LoginBox
{
    position:absolute;
    top:50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    height: 180px;
    width: 240px;
}

#BoxTipoUsuario
{
    position:absolute;
    top:50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    height: 180px;
    width: 240px;
}
#tUsuarioBox
{
    position:absolute;
    top:50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    height: 180px;
    width: 240px;
}

/*
* datatable.net
*/

.dataTables_wrapper {
    /* contenedor de la tabla */        
    position: relative;
    clear: both;
    zoom: 1; 
}


.dataTables_processing {
    /* prosesando los datos */        
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.dataTables_length {
    /* filtro de la cantidad de registros */        
    width: 40%;
    float: left;
}



.dataTables_info {
    /* Informacion de la tabla */        
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dataTables_filter {        
    /* Busqueda */        
    min-width: 220px;    
    width: 250px;        
    float: right;
    bottom: 10%;
    text-align: center;        
}

.dataTables_paginate {
    /* Paginacion */        
    min-width: 369px;        
    width: 45%;	
    float: right;
    text-align: center;        
    margin-top: 10px;
}

/*
* div personalizados
*/

#botton{
    min-width: 300px;
    width: 50%;
    float: left;
    text-align: center;
    margin-top: 10px;
}

#top{

    width: 40%;
    float: left;
    text-align: center;
    margin-top: 10px;
}

/*
* padding botones de paginacion
*/
.fg-button{
    padding: 5px;
}

/*
* color de las filas
*/

tr.odd {
    background: #000022 ;     
    color: white;
}

tr.even {  
    background: #001133;
    color: white;
}


/*
*   selecionar filas
*/



tr.even.row_selected {	
    color: #e66e0d;
    background: black;

}
tr.odd.row_selected {	
    color: #e66e0d;
    background: black;
}

/*
*   resaltar fila
*/

tr.even:hover {

    color: #e66e0d;
    cursor: pointer;

}

tr.odd:hover {

    color: #e66e0d;
    cursor: pointer;

}

/*
* centrar contenido
*/
td{
    text-align: center;
}

/*
*Resaltar dias y eventos del calendario
*/




.fc-event:hover .fc-event-bg:hover, .fc-event:hover  {
    background: blue;    
    border: #999;

}

.fc-day:hover {
    border: 1px solid #666666;
    background: #555555 url(../images/ui-bg_glass_20_555555_1x400.png) 100% 100% repeat-x;
    font-weight: bold;
    color: #eeeeee;
}

#load{    
    background: black  url(../images/ajax-loader.gif) no-repeat center;
    position: absolute;
    top: 0;
    bottom: 0%;
    left: 0;
    right: 0%;
    background-color: white;
    z-index: 99;
    display: none;
    text-align: center;
    width: 100%;
    padding-top: 25px;
}